<template>
	<view class="page">
		<view class="">
			<cu-custom>
				<block style="color: #777777;font-size: 32rpx;" slot="content">一键报警</block>
			</cu-custom>
		</view>
		<view class="slogan" style="">
			<view class="slogan-content">
				<text>误报火警</text>
				<text>将承担法律责任</text>
			</view>
		</view>
		<view class="padding flex flex-direction" @click="call">
			<button class="cu-btn bg-red margin-tb-sm lg my-btn">确认报警</button>
		</view>
		<message />
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			call(){
				// 测试
				uni.navigateTo({
					url:'../../yzqy/hqbjms/hqbjms'
				});
			}
		}
	}
</script>

<style scoped>
	.slogan {
		margin: 50px 0 20px 0;
		height: 400px;
		font-weight: 600;
		font-size: 50rpx;
		color: #BE7B06;
		letter-spacing: 0;
		justify-content: center;
		text-align: center;
		line-height: 100rpx;
		background: url('https://www.cetczhxf.com/mp3/yjbj.png') no-repeat;
		background-size: cover;
	}

	.slogan-content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.my-btn {
		height: 94rpx;
		background-image: linear-gradient(90deg, #FAB53A 4%, #EFA21A 99%);
		box-shadow: 0 0 12px 0 rgba(250, 181, 58, 0.50);
		border-radius: 24px;
		ont-family: PingFangSC-Medium;
		color: #FFFFFF;
		letter-spacing: 0;
		text-align: center;
	}
</style>
